<%--
  Created by IntelliJ IDEA.
  User: Li Chuanwei
  Date: 2023-04-19
  Time: 19:53
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>电商平台</title>
    <style>
        body{
            background-color: rgba(240, 240, 240, 1);
        }
        .unauthorized {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
        }
        .unauthorized-content {
            margin: 0 auto;
        }
        .unauthorized-picture {
            background: url(${pageContext.request.contextPath}/static/img/unauthorized.svg);
            width: calc(50vh * 428 / 328);
            height: 50vh;
            margin: 0 auto;
            margin-top: 14vh;
            background-size: cover;
        }
        .unauthorized-text {
            height: 33px;
            font-size: 24px;
            font-weight: 400;
            color: #000000;
            line-height: 33px;
            margin-top: 18px;
        }
        .unauthorized-button {
            width: 200px;
            height: 40px;
            margin-top: 32px;
            margin-left: calc(50% - 100px);
            font-size: 15px;
            font-weight: 500;
            background-color: #0083b4; /* 设置背景颜色为蓝色 */
            border: none; /* 去掉边框 */
            color: white; /* 文字颜色为白色 */
            padding: 10px 20px; /* 设置内边距 */
            border-radius: 5px; /* 设置圆角 */
            cursor: pointer; /* 鼠标样式为手型 */
            transition: background-color 0.5s ease-in-out; /* 设置过渡效果 */
        }

        .unauthorized-button:hover {
            background-color: #4792ad; /* 鼠标移入时的背景颜色 */
        }
    </style>
</head>
<body>
    <div>
        <div class="unauthorized">
            <div class="unauthorized-content">
                <div class="unauthorized-picture"></div>
                <div class="unauthorized-text">抱歉，您未登录或身份认证已失效，请点击下方按钮重新登录！</div>
                <a href="${pageContext.request.contextPath}/uto_login">
                    <button class="unauthorized-button" type="button">
                        <span>重新登录</span>
                    </button>
                </a>
        </div>
    </div>
</div>
</body>
</html>